<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <!-- 指定页面使用的字符编码为UTF-8 -->
    <meta charset="UTF-8" />
    <!-- 设置页面标题为“修改密码” -->
    <title>修改密码</title>
    <!-- 引入基础样式表 -->
    <link rel="stylesheet" href="../css/base.css" />
    <!-- 引入修改密码页面专用样式表 -->
    <link rel="stylesheet" href="../css/rpwd.css" />
  </head>
  <body>
    <!-- 页面头部，包含页面标题和回到首页的链接 -->
    <div class="header">
      <h1>修改密码</h1>
      <a href="./index.html" class="back-link">回到首页</a>
    </div>

    <!-- 修改密码容器 -->
    <div class="rpwd-container">
      <!-- 修改密码表单 -->
      <form id="rpwdForm">
        <!-- 原始密码输入组 -->
        <div class="form-group">
          <label>原始密码：</label>
          <input type="password" id="oldPassword" class="oldPassword" required />
        </div>
        <!-- 新密码输入组 -->
        <div class="form-group">
          <label>新密码：</label>
          <input type="password" id="newPassword" class="newPassword" required />
        </div>
        <!-- 确认新密码输入组 -->
        <div class="form-group">
          <label style="width: 100px;">确认新密码：</label>
          <input type="password" id="confirmPassword" class="confirmPassword" required />
        </div>
        <!-- 修改密码按钮 -->
        <div class="form-group">
          <button type="submit">确认修改</button>
        </div>
      </form>
    </div>

    <!-- 引入Axios库，用于发起HTTP请求 -->
    <script src="../lib/axios.min.js"></script>
    <!-- 引入http.js，可能包含自定义的HTTP请求封装 -->
    <script src="../lib/http.js"></script>
    <!-- 引入修改密码页的JavaScript逻辑 -->
    <script src="../js/rpwd.js"></script>
  </body>
</html>